/* CSS变量系统 - 支持主题定制 */
:root {
  /* 颜色系统 */
  --ui-color-primary: #1890ff;
  --ui-color-primary-hover: #40a9ff;
  --ui-color-primary-active: #096dd9;
  --ui-color-primary-disabled: #d9d9d9;
  
  --ui-color-success: #52c41a;
  --ui-color-success-hover: #73d13d;
  --ui-color-success-active: #389e0d;
  
  --ui-color-warning: #faad14;
  --ui-color-warning-hover: #ffc53d;
  --ui-color-warning-active: #d48806;
  
  --ui-color-danger: #ff4d4f;
  --ui-color-danger-hover: #ff7875;
  --ui-color-danger-active: #d9363e;
  
  --ui-color-info: #1890ff;
  --ui-color-info-hover: #40a9ff;
  --ui-color-info-active: #096dd9;
  
  /* 中性色 */
  --ui-color-text-primary: #262626;
  --ui-color-text-secondary: #595959;
  --ui-color-text-disabled: #bfbfbf;
  --ui-color-text-inverse: #ffffff;
  
  --ui-color-bg-primary: #ffffff;
  --ui-color-bg-secondary: #fafafa;
  --ui-color-bg-disabled: #f5f5f5;
  
  --ui-color-border: #d9d9d9;
  --ui-color-border-light: #f0f0f0;
  --ui-color-border-dark: #bfbfbf;
  
  /* 尺寸系统 */
  --ui-size-small: 24px;
  --ui-size-default: 32px;
  --ui-size-large: 40px;
  
  /* 间距系统 */
  --ui-spacing-xs: 4px;
  --ui-spacing-sm: 8px;
  --ui-spacing-md: 12px;
  --ui-spacing-lg: 16px;
  --ui-spacing-xl: 20px;
  --ui-spacing-xxl: 24px;
  
  /* 字体系统 */
  --ui-font-size-xs: 12px;
  --ui-font-size-sm: 14px;
  --ui-font-size-md: 16px;
  --ui-font-size-lg: 18px;
  --ui-font-size-xl: 20px;
  
  --ui-font-weight-normal: 400;
  --ui-font-weight-medium: 500;
  --ui-font-weight-bold: 600;
  
  --ui-line-height-sm: 1.2;
  --ui-line-height-md: 1.4;
  --ui-line-height-lg: 1.6;
  
  /* 圆角系统 */
  --ui-border-radius-sm: 2px;
  --ui-border-radius-md: 4px;
  --ui-border-radius-lg: 6px;
  --ui-border-radius-xl: 8px;
  
  /* 阴影系统 */
  --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.02);
  --ui-shadow-md: 0 1px 2px rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.02);
  --ui-shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  
  /* 动画系统 */
  --ui-transition-fast: 0.1s;
  --ui-transition-normal: 0.2s;
  --ui-transition-slow: 0.3s;
  
  --ui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ui-ease-in: cubic-bezier(0.4, 0, 1, 1);
}

/* 暗色主题 */
[data-theme="dark"] {
  --ui-color-text-primary: #ffffff;
  --ui-color-text-secondary: #d9d9d9;
  --ui-color-text-disabled: #595959;
  --ui-color-text-inverse: #262626;
  
  --ui-color-bg-primary: #141414;
  --ui-color-bg-secondary: #1f1f1f;
  --ui-color-bg-disabled: #262626;
  
  --ui-color-border: #434343;
  --ui-color-border-light: #303030;
  --ui-color-border-dark: #595959;
}
